<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layouts/layout}">
  <head>
    <meta charset="utf-8">
    <title>New Role | Strass</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
	<link th:href="@{/css/site.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap-responsive.css}" rel="stylesheet">
    <script th:src="@{/js/html5.js}"></script>
  </head>
  <body>
    <th:block layout:fragment="content">
        <div class="span9">
            <div class="row-fluid">
                <div class="page-header">
                    <h1>New Role <small>Add a new role</small></h1>
                </div>
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="role">Role Name</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="role" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="description">Description</label>
                            <div class="controls">
                                <textarea class="input-xlarge" id="description" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="slug">Slug</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="slug" />
                            </div>
                        </div>
                        <div class="form-actions">
                            <input type="submit" class="btn btn-success btn-large" value="Save Role" /> <a class="btn" th:href="@{roles}">Cancel</a>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </th:block>
  </body>
</html>
